import React, {Component} from "react";
import "./index.css"

import Header from "./components/Header";
import Card from "./components/Card";


import "./index.css"
export default class App extends Component {

    state={
        userList:[]
    }

    getData=(data)=>{
         this.setState({
             userList:data.items
         })
    }

    render() {
        return (
                    <div className="container">
                        <Header getData={this.getData}/>
                        <Card userList={this.state.userList}/>
                    </div>

        )
    }
}